<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>卡券详情 - __SITENAME__</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/public.css" rel="stylesheet" />
    <link href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/font_1473832019_2999358.css" rel="stylesheet" type="text/css" />
    <script src="__DOMAINURL____WEBSITEDIR____PLUGINS__/jQuery/jquery-2.2.3.min.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/vue.min.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/layer/layer.js"></script>
    <script src="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/public.js?v=80"></script>
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/js/layer/need/layer.css" rel="stylesheet" />
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/order.css" rel="stylesheet" />

    <style>
        .card-coupons{ padding: 15px;}
        .coupon-block{ background: #dfb938; color: #303030; position: relative; padding: 0.8em 0;}
        .coupon-block>h3{ color: #303030; text-align: center; font-size: 1.2em;}
        .coupon-block .date-riqi{ position: relative; box-sizing: border-box; padding: 0 10px;}
        .coupon-block .date-riqi>hr{ margin:6px 0 0 0; border-color:#303030 }
        .coupon-block .date-riqi>div{     background: #dfb938;
            position: absolute;
            left: 0;
            top: -5px;
            width: 80%;
            margin-left: 10%;
            text-align: center;
            font-size: 11px;}

        .moneyValue{ font-size: 4.3em; font-weight: bold; padding: 0.5em 0 0.1em 10px;}
        .moneyValue>small{ font-weight: normal; font-size: 0.3em; margin-left: 0.2em;}
        .coupon-block>p{ color: #847033; padding-left: 12px; font-size: 0.9em;}
        .top-y{ position: absolute; background: #000; top: 0; width: 100%; background: url("__DOMAINURL____WEBSITEDIR____BAOFENG__/img/top-y.jpg")  repeat-x}
        .bot-y{ position: absolute; background: #000; bottom: 0; width: 100%; background: url("__DOMAINURL____WEBSITEDIR____BAOFENG__/img/bot-y.jpg")  repeat-x bottom;}
        .coupon-block>img{ width: 80px; position: absolute; right: 15px; bottom: 30px;}
        .suliang{ margin: 12px 0; background: #1e1e1e; line-height: 2.6em; font-size: 0.9em; padding: 0 12px;}
        .suliang span{ color: #dfb938}
        .smguize{background: #1e1e1e;color: #aeaeae; padding: 10px; margin-bottom: 68px;}
        .smguize h4{ margin: 0; font-size: 1em; color: #aeaeae;}
        .smguize p{ color: #6e6e6e; font-size: 0.9em; line-height: 2.2em;}
        .meue-nav{ position: fixed; bottom: 0; background: #1e1e1e; border-top:2px solid #484848; width: 100%; left: 0; height: 60px;}
        .meue-nav a{ background:#dfb938; color: #000; display: block; width: 140px; margin: 0 auto; text-align: center; border-radius: 3px; line-height: 3em; margin-top: 7px;}
    </style>
    <script type="text/javascript">
        var vue;
        $(function () {
            vue=new Vue({
                el: 'body',
                data: {
                    item: null,
                },
                methods: {
                    init: function () {
                        this.item = window.sessionStorage.getItem("coupon");
                        console.log(this.item);
                        this.item = JSON.parse(this.item);
                        if (this.item) {

                        } else {
                            console.log("数据不存在!")
                        }
                    },
                    getLocalTime: function (str) {
                        return getLocalTime(str)
                    },
                }
            })
            vue.init();

        })

    </script>
</head>
<body>


<div class="card-coupons">
    <div class="coupon-block">
        <h3>{{item.jname}}</h3>
        <div class="date-riqi">
            <hr>
            <hr>
            <div>有效时间：{{item.start_date}}~{{item.end_date}}</div>
        </div>
        <div class="moneyValue">{{item.money}}<small>元</small></div>
        <p><template v-if="item.use_money>0">满{{item.use_money}}元使用</template></p>
        <p>使用范围：<template v-if="item.pname">{{item.pname}} {{item.time_type}}</template><template v-if="!item.pname">全场使用</template></p>
        <div class="top-y">&nbsp;</div>
        <div class="bot-y">&nbsp;</div>
        <img src="__DOMAINURL____WEBSITEDIR____BAOFENG__/img/Ymoney.png">
    </div>
    <div class="suliang">共 <span>{{item.totals}}</span> 张</div>
    <div class="smguize">
        <h4>使用说明：</h4>
        <p>{{{item.remark}}}</p>
    </div>
    <div class="meue-nav" v-if="item.status==0"><a  href="__DOMAINURL____WEBSITEDIR__/index" >立即使用</a></div>
</div>



<div class="loader">
    <div class="act">
        <div class="spinner">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>
    </div>
    <div class="bg"></div>
</div>

</body>
</html>
